/*
COLOR SWATCH:
Button soft gray [ededed], gradient from [9b9b9b] to [202020]
Blue [004c9c], dark blue [004080]
Hilau [6dac8e], hijau tua [41906c]
Width body 970, putih dalamnya 960
Bener2 content setelah dipotong padding 40 = 920px
*/

/*MEYER'S CSS RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
  margin							: 0;
  padding							: 0;
  border							: 0;
  outline							: 0;
  font-size							: 100%;

  font-weight					: inherit;
  font-style						: inherit;
  font-family						: inherit;
  vertical-align					: baseline;
}

:focus
{
  outline							: 0;
}

body
{
  line-height						: 1;
  color								: black;
}

ol, ul
{
  list-style							: none;
}

table
{
  border-collapse				: separate;
  border-spacing				: 0;
}

caption, th, td
{
  text-align						: left;
  font-weight					: normal;
}

blockquote:before, blockquote:after, q:before, q:after
{
  content: "";
}

blockquote, q
{
  quotes: "" "";
}



/*BASIC STYLING*/
html
{
  /* Background gradient fallback */
  background					: black url('../images/bg.jpg') repeat-x fixed 0% 0%;

  /* Firefox 3.6+ */
  background					: -moz-linear-gradient(100% 100% 90deg, #9b9b9b, #202020);

  /* Safari 4-5, Chrome 1-9 */
  /* -webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) */
  background					: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#202020), to(#9b9b9b));

  /* Safari 5.1+, Chrome 10+ */
  background					: -webkit-linear-gradient(#202020, #9b9b9b);

  /* Opera 11.10+ */
  background					: -o-linear-gradient(#9b9b9b, #202020); }
}

* html .cell
{
  display:inline;
}

body
{
  font								: 13px/20px 'Arial', 'Calibri', 'Sans-Serif';
  text-align						: left;
  color								: black;
  padding:10px;
}

div.moreOuterWrapper
{
  margin							: 15px auto;
  //background					: #6c6c6c none repeat fixed 0% 0%;
  width								: 960px;

  border-radius					: 5px;
  -moz-border-radius			: 5px;
  -webkit-border-radius		: 5px;
  //border							: #5c5c5c solid 1px;
}


div.outerWrapper
{
  width								: 960px;
  //margin							: 5px auto;
  background					: white none repeat fixed 0% 0%;
  border-radius					: 10px;
  -moz-border-radius		: 10px;
  -webkit-border-radius	: 10px;
  border							: black solid 1px;
  -moz-box-shadow: 0px 0px 20px #000; /* FF3.5+ */
  -webkit-box-shadow: 0px 0px 20px #000; /* Saf3.0+, Chrome */
  box-shadow: 0px 0px 20px #000; /* Opera 10.5, IE9, Chrome 10+ */
}

div.mainWrapper
{
  margin							: 10px;
  background					: white url('../images/map.png') no-repeat scroll 5px 80%;
}

div.spacer
{
  clear								: both;
}

h2
{
  background-color				: #004c9c;
  background-image			: url('../images/repeat h2.jpg');
  background-repeat			: repeat-x;
  color									: white;
  font-weight						: bold;
  font-size								: 17px;
  text-align							: center;
  padding								: 5px 0;
}

.home h2
{
  margin-right						: 10px;
}

h3
{
  color									: #41906c;
  font-weight						: bold;
  margin-left							: 10px;
  text-transform					: capitalize;
}

a, a:active, a:hover, a:link
{
  color									: #00923f;
  font-weight						: bold;
  text-decoration					: none;
}

form label
{
  display								: block;
  text-align							: left;
  vertical-align						: top;
}

form input, select
{
  border								: gray solid 1px;
  font-size								: 15px;
}

form>input
{
  //margin-left							: 10px;
}

form textarea
{
  border								: gray solid 1px;
  width									: 600px;
  height									:150px;
}

form input[type='text']
{
  width									: 400px;
  height									: 25px;
}

form.form1 input
{
  width									: 150px;
}

form.form1 input[type='submit']
{
  margin-left							: 60px;
}

form.form1 p
{
  display								: table;
}

form.form1 p label, form.form1 p input
{
  display								: table-cell;
}

form.form1 p label
{
  width									: 100px;
  padding-right: 10px;
}

span.differentHeading
{
  color									: #c2c2c2;
}

span.footnote
{
  float									: right;
  margin-right						: 10px;
}

.differentAlign
{
  text-align							: left;
  text-indent							: 10px;
}

.date
{
  color									: gray;
}

p.snippet
{
  font-size								: 20px;
  line-height							: 25px;
}

p.snippet:before, p.snippet:after
{
  content								: '"';
}

img.floatedRight
{
  float									: right;
  margin								: 0 0 10px 10px;
}




/* HEADER STYLING*/
div.headerUpper
{
  background-color			: #004c9c;
  background-image		: url('../images/header-upper.png');
  height								: 100px;
  position							: relative;
}

div.headerUpper div
{
  float								: right;
  margin							: 10px 20px 0 0;
  font-weight					: bold;

}

div.headerUpper a
{
   color								: #cecece;
   text-decoration				: none;
}

div.headerUpper a:hover
{
  color									: #41906c;
  font-weight						: bold;
}

div.ribbon
{
  height								: 30px;
  color								: white;
  font-size							: 22px;
  font-weight					: bold;
  padding							: 10px;

  /* Background gradient fallback */
  background-color			: #6dac8e;

  /* Firefox 3.6+ */
  background					: -moz-linear-gradient(100% 100% 90deg, #41906c, #6dac8e);

  /* Safari 4-5, Chrome 1-9 */
  background					: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6dac8e), to(#41906c));

  /* Safari 5.1+, Chrome 10+ */
  background					: -webkit-linear-gradient(#41906c, #6dac8e);

  /* Opera 11.10+ */
  background					: -o-linear-gradient(#41906c, #6dac8e);
}

div.ribbon a
{
  color								: #cecece;
  font-size							: 13px;
  padding-left					: 20px;
}

div.ribbon form
{
  float								: right;
}

div.ribbon form input[type='text']
{
  width								: 250px;
}



/* FORM AND INPUT STYLING */
div.headerForm
{
  margin-right					: 20px;
  position							: absolute;
  top									: 50px;
  right								: 0;
  font-size							: 18px;
  color								: white;
}

input[type='submit'], input[type='button'], input[type='reset']
{
  font								: inherit;
  padding							: 2px 15px;
  background-color			: #ededed;
  border							: #9b9b9b solid 1px;
  border-radius					: 3px;
  -moz-border-radius		: 3px;
  -webkit-border-radius	: 3px;
  font-size							: 14px;
}

input[type='submit']:hover, input[type='button']:hover
{
  background-color			: #cecece;
}

div.button
{
  font								: inherit;
  padding							: 2px 15px;
  background-color			: #ededed;
  border							: #9b9b9b solid 1px;
  border-radius					: 3px;
  -moz-border-radius		: 3px;
  -webkit-border-radius	: 3px;
  font-size							: 14px;
  width								: 70px;
  margin-bottom				: 5px;
  cursor							: pointer;
}

div.button:hover
{
  background-color			: #cecece;
}

div.button a
{
  font-weight					: normal;
  color								: black;
}

form[name='login'] input[type='text'], form[name='login'] input[type='password']
{
  font								: inherit;
  font-size							: 13px;
  font-weight					: normal;
  height								: 22px;
  width								: 130px;
}




/* CONTENT STYLING */
div.mainContainer
{
  display								: table;
  width									: 100%;
  margin-top							: 20px;
  background-color				: transparent;
}

div.mainContainer ul
{
  list-style								: square inside;
  text-indent							: 10px;
}


div.mainContainer>div
{
  display								: table-cell;
  vertical-align						: top;
}

div.mainContainer>div p
{
  padding								: 10px;
}

div.mainContainer>div.rightPane
{
  width									: 240px;
}

div.mainContainer>div.rightPane h2
{
  margin								: 0;
}

div.mainContainer hr
{
  height									: 1px;
  color									: gray;
  margin								: 0 10px;
}

div.littlePane>div
{
  display								: table;
  width									: inherit;
}

div.littlePane>div>p
{
  display								: table-cell;
  text-align							: left;
  vertical-align						: middle;
}

div.littlePane>div>p:first-child
{
  width									: 60px;
}

div.news
{
  margin-top							: 20px;
  display								: table;
}

div.news>div
{
  display								: table-cell;
  vertical-align						: top;
}

div.news div.date
{
  color 									: gray;
  font-size								: 11px;
  margin-left							: 10px;
}

div.imageContainer p+p
{
	line-height						: 15px;
	font-weight						: bolder;
	text-align							: center;
}

div.catalog
{
  display								: table;
  border-bottom					: gray solid 1px;
  padding								: 10px 0;
}

div.catalog span.date
{
  color									: gray;
  font-size								: 12px;
  font-weight						: normal;
}

div.catalog img
{
  width									: 60px;
}

div.catalog p
{
  display								: table-cell;
  vertical-align						: top;
}

div.catalog p.catalogTitle
{
  width									: 150px;
  font-weight						: bold;
  font-size								: 15px;
}

div.pseudoTable
{
  display								: table;
}

div.pseudoTable div
{
  display								: table-cell;
  vertical-align						: top;
}



/* FOOTER STYLING*/
div.footer
{
 width									: 938px;
 border									: black solid 1px;
}

div.footer>div
{
  display								: table;
  width									: 100%;
}

div.footer>div>div
{
  display								: table-cell;
}

div.footer ul
{
  margin-left							: 10px;
  font-weight						: bold;
}

div.footer hr
{
  margin-left							: 10px;
  margin-right						: 10px;
}

div.footer div.footer1
{
  width									: 300px;
}

div.footer div.footer2
{
  width									: 150px;
}

div.footer div.footer3
{
  width									: 150px;
}

div.footer div.footer4
{
  width									: 250px;
}

div.footer a
{
  color									: black;
  text-decoration					: none;
}

div.footer a:hover
{
  color									: #41906c;
  font-weight						: bold;
}

div.copyright
{
  text-align							: center;
  margin-bottom					: 20px;
  color									: white;
}

div.copyright a
{
  color									: white;
  text-decoration					: underline;
  font-weight						: normal;
}



/*PAGINATION*/
ul.pagination
{
  width									: 650px;
}

ul.pagination li
{
  display								: inline;
  padding								: 20px;
}




/*MEMBER PAGE*/
div.member input[type='submit']
{
  margin-top							: 5px;
}

div.member div:first-child
{
  width									: 120px;
}

div.tabs a
{
  color									: #41906c;
  font-weight						: bold;
  text-transform					: capitalize;
}

div.tabs a.normal, div.member a.normal
{
  font-weight						: normal;
}

div.member p
{
  margin								: 0 10px;
}

div.tabs p
{
  margin-left							: 10px;
}

div.tabs ul.pagination
{
  margin								: 0 auto;
}

div#tabs-1
{
  width									: 880px;
}

input[type=submit]{
	cursor:pointer;
}

/*update*/
#wrapper
{
  height:157px;
}

.indonesia{
  position:relative;
  top:-65px;
  color:#FFF;
  font-weight:bold;
}

.rfloat{
  float:right;
}

.search-member{
	position:absolute;
	right:10px;
	top:5px;
}

a, a:active, a:hover, a:link {
  color: #004C9C;
}